/*
 * @Author: Royce
 * @Des: [📅日历]
 * @flow
 * @Date: 2019-03-23 15:52:42
 */

import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Image
} from 'react-native';
import Modal from 'react-native-modal';

type State = {
    visible: boolean,
}


export default class OverFlowPop extends Component<Props, State> {

    dateSelect: Function;


    constructor(props: Props) {
        super(props);
        this.state = {
            visible: false,
        };


    }
    show = () => {
        // this.setState({ visible: true });

    };

    hide = () => {
        // this.setState({ visible: false });

    };

    render() {
        return (

            <View style={{ height: 300, width: 300, backgroundColor: 'white' }}>
                <Image source={require('../images/Jietu.png')} style={{ borderRadius: 5,position: 'absolute', top: -20, height: 100, width: 100, backgroundColor: 'red' }} />
                {/* <View style={{ height: 100, width: 100, backgroundColor: 'green' }} /> */}
            </View>

        );
    }
    // <Modal
    // isVisible={this.state.visible}
    // backdropColor='black'
    // backdropOpacity={0.4}
    // animationIn='slideInUp'
    // animationOut='slideOutDown'
    // backdropTransitionInTiming={1000}
    // backdropTransitionOutTiming={1000}
    //
    // >
    //
    //
    // </Modal>
    onDayPress(day: Object) {

        this.dateSelect(day);
        this.setState({
            selected: day.dateString,
            visible: false
        });
    }
}

const styles = StyleSheet.create({
    calendar: {
        borderRadius: 8
    },

});